import React, { Component } from 'react';

import '../../styles/nav.scss'
import pic from '../../img/R-C.png'

class Nav extends Component {
    constructor(props){
        super(props)
        this.state = {
            list:[
                {pic , text : '护肤'},
                {pic , text : '彩妆'},
                {pic , text : '香氛'},
                {pic , text : '进口酒'},
                {pic , text : '国产酒'},
                {pic , text : '精品奢华'},
                {pic , text : '食品百货'},
                {pic , text : '母婴专区'},
                {pic , text : '直播专区'},
                {pic , text : '特卖专场'},
            ]
        }
    }
    render() {
        return (
            <div className='nav'> 
                <h3>此处为诈骗信息，愿者上钩</h3>
                <div className="element">
                    { this.state.list.map((item , index) => {
                        return (
                            <div className="item" key={index}>
                                <img src={item.pic} alt="" />
                                <div className="text">{item.text}</div>
                            </div>
                        )
                    }) }
                </div>
            </div>
        );
    }
}

export default Nav;